<!--
 * @Author: your name
 * @Date: 2020-01-27 17:43:51
 * @LastEditTime: 2020-04-14 15:34:53
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue-element-admin\src\views\dashboard\editor\index.vue
 -->
<template>
  <div class="dashboard-editor-container">
    <el-form ref="saveForm" :model="form" class="addform" label-width="100px">
      <el-row class="line">
        <el-col>
          <el-form-item label="企业名称">{{form.name}}</el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="内部简称">{{form.shorName}}</el-form-item>
        </el-col>
      </el-row>
      <el-row class="line">
        <el-col>
          <el-form-item label="企业类型">{{form.type}}</el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="企业性质">{{form.nature}}</el-form-item>
        </el-col>
      </el-row>
      <el-row class="line">
        <el-col>
          <el-form-item label="企业规模">{{form.scale}}</el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="注册地址">{{form.regAddress}}</el-form-item>
        </el-col>
      </el-row>

      <el-row class="line">
        <el-col>
          <el-form-item label="企业地址">{{form.workAddress}}</el-form-item>
        </el-col>
      </el-row>

      <el-row class="line">
        <el-col>
          <el-form-item label="主营业务">{{form.desc}}</el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
// import PanThumb from '@/components/PanThumb'
// import GithubCorner from '@/components/GithubCorner'

export default {
  name: 'DashboardEnterpriseUser',
  data() {
    return {
      form: {
        name: '万X集团',
        shorName: 'wanX',
        type: '国有企业',
        nature: '股份制',
        scale: '10000人',
        regAddress: '北京东城区xxx',
        workAddress: '重庆杨家坪万象城',
        desc: '主营xxxx'
      }
    }
  },
  computed: {
    ...mapGetters(['name', 'avatar', 'roles'])
  }
}
</script>

<style lang="scss" scoped>
.emptyGif {
  display: block;
  width: 45%;
  margin: 0 auto;
}

.dashboard-editor-container {
  background-color: #e3e3e3;
  min-height: 100vh;
  padding: 50px 60px 0px;
  .pan-info-roles {
    font-size: 12px;
    font-weight: 700;
    color: #333;
    display: block;
  }
  .info-container {
    position: relative;
    margin-left: 190px;
    height: 150px;
    line-height: 200px;
    .display_name {
      font-size: 48px;
      line-height: 48px;
      color: #212121;
      position: absolute;
      top: 25px;
    }
  }
}
</style>
